<template>
    <div class="app-container">

        <div>
            首页
        </div>


        <div class="layout-footer">
            <TabBar :activeTab="0"></TabBar>
        </div>
    </div>
</template>

<script>
import TabBar from "@/components/TabBar";
export default {
    components: {
        TabBar,
    },
    data () {
        return {
            // userInfo: {},
        };
    },

    created () {
        // this.userInfo = this.$store.getters.userInfo;
        // console.log(this.$store.getters.userInfo);
    },
    methods: {
        // userClick () {
        //     console.log(111);
        //     this.$router.push({ path: "/mineUser" });
        // },
    },

};
</script>

<style lang="scss" scoped>
.app-container {
    background-color: #f5f5f5;
    height: 100%;

    .layout-content {
        width: 100%;
        background-color: #fff;

        .user_content {
            display: flex;
            align-items: center;
            padding: 20px;

            .user_data {
                flex: 1;
                margin-left: 15px;

                h5 {
                    margin: 0;
                    line-height: 32px;

                    span {
                        font-size: 16px;
                        font-weight: 400;
                    }
                }

                p {
                    margin: 0;
                    line-height: 28px;

                    span {
                        font-size: 14px;
                    }
                }
            }

            .user_operate {
                .van-icon {
                    font-size: 16px;
                    color: #ccc;
                }
            }
        }
    }

    .operate_content {
        margin-top: 40px;
    }
}
</style>
